<template>
  <div>
    <Header></Header>
    <Background :west="west1"></Background>
    <UserCon :userwest="userwest1"></UserCon>
    <div class="view clearfix" style="position:relative;">
      <div class="view_con">
        <Time :timewest="timewest1"></Time>
        <div class="vc_article">
          <div class="va_con _j_master_content" data-cs-t="ginfo_kw_hotel">
            <div class="block-loading loading_backward"></div>
            <div class="_j_content_box">
              <div class="article_title _j_anchorcnt _j_seqitem">
                <h2 class="t9 text-left">
                  <span class="_j_anchor">序引</span>
                </h2>
              </div>
              <p class="_j_note_content _j_seqitem" data-seq="428695016">
                陌生人 你们好鸭！<br />
                感谢你花这个时间 看我记录下的
                <a href="#" class="link _j_keyword_mdd">越南</a>
                之旅<br />
                今年年底提前放假 想趁着春节大军还没出行 于是带着一家人前往
                <a href="#" class="link _j_keyword_mdd">越南</a>
                自由行<br />
                <br />
                我是Torres<br />
                一个在
                <a href="#" class="link _j_keyword_mdd" target="_blank">广州</a>
                生活的的
                <a href="#" class="link _j_keyword_mdd" target="_blank">潮汕</a>
                小伙<br />
                热爱旅行 喜欢旅途中的未知<br />
                <br />
                # 喜欢旅行就是 <br />
                喜欢旅行中发生的一些 <br />
                你见过的你没见过的 <br />
                想到的和想不到的 <br />
                还有一些人#
                <!-- <img src='h' style='width:hpx;' />-->
                <img
                  src="http://images.mafengwo.net/images/i/face/daily_v2/32.png"
                />
                <br />
                <br />
                希望我的游记能够对即将前往
                <a href="#" class="link _j_keyword_mdd">越南</a>
                的你会有一点点帮助或者能让你也将这个地方列入你的目标地点
                那我就很开心了！<br />
                觉得有用的左下角的顶支持我一下
                <!-- <img src='h' style='width:hpx;' />-->
                <img
                  src="http://images.mafengwo.net/images/i/face/brands_v3/20.png"
                />
              </p>
              <div
                id="_j_photo_1009665498"
                class="add_pic _j_anchorcnt _j_seqitem"
                style="width:680px"
              >
                <a target="_blank" style="display: block" href="#">
                  <img
                    class=""
                    style="height: 459px; width: 680px; background: rgb(252, 242, 220); display: block;"
                    src="http://b1-q.mafengwo.net/s12/M00/26/3D/wKgED1xixwWAfhpaAA2C_0CiuFM72.jpeg?imageMogr2%2Fthumbnail%2F1360x%2Fstrip%2Fquality%2F90"
                  />
                </a>
              </div>
              <p class="_j_note_content _j_seqitem" data-seq="428657795">
                Futa：最推荐，卧铺，价格最便宜，价格几乎是新咖啡的一半，但要提前定，像我之前本来看有票的，迟了两天去看就没票了，可能也是我们刚好撞上
                <a
                  href="#"
                  class="link _j_keyword_mdd"
                  data-kw="越南"
                  target="_blank"
                  >越南</a
                >
                的春运了，
                <a
                  href="#"
                  class="link _j_keyword_mdd"
                  data-kw="越南"
                  target="_blank"
                  >越南</a
                >
                以及
                <a
                  href="#"
                  class="link _j_keyword_mdd"
                  data-kw="东南亚"
                  target="_blank"
                  >东南亚</a
                >
                国家都是跟我们一样过春节的。（
                <a
                  href="#"
                  class="link _j_keyword_mdd"
                  data-kw="美奈"
                  target="_blank"
                  >美奈</a
                >
                、
                <a href="#" class="link _j_keyword_mdd" target="_blank">大叻</a>
                有接送到酒店，其他城市没有，上车给管理员看你要去的酒店就可以了）
              </p>
              <div
                id="_j_photo_998852502"
                class="add_pic _j_anchorcnt _j_seqitem"
                style="width:680px"
              >
                <a target="_blank" style="display: block" href="#">
                  <img
                    class=""
                    style="height: 382px; width: 680px; background: rgb(252, 242, 220); display: block;"
                    src="http://b1-q.mafengwo.net/s12/M00/68/AA/wKgED1xjuv6AUDvtAA0OgVLCPCA50.jpeg?imageMogr2%2Fthumbnail%2F1360x%2Fstrip%2Fquality%2F90"
                    alt=""
                  />
                </a>
                <span class="pic_tag">
                  <a href="#" class="_j_anchor" target="_blank">
                    <i class="house"></i>美奈
                  </a>
                </span>
              </div>

              <div
                id="_j_photo_998861220"
                class="add_pic _j_anchorcnt _j_seqitem"
                style="width:680px"
              >
                <a target="_blank" style="display: block" href="#">
                  <img
                    class="_j_lazyload"
                    style="height: 453px; width: 680px; background: rgb(252, 242, 220); display: block;"
                    src="http://p1-q.mafengwo.net/s13/M00/B6/F4/wKgEaVxlHIqALdoaAA1WZdSzvEw76.jpeg?imageMogr2%2Fthumbnail%2F1360x%2Fstrip%2Fquality%2F90"
                    alt=""
                  />
                </a>
                <span class="pic_tag">
                  <a href="#" class="_j_anchor" target="_blank">
                    <i class="house"></i>美奈
                  </a>
                </span>
              </div>
              <div
                id="_j_photo_998866078"
                class="add_pic _j_anchorcnt _j_seqitem"
                style="width:680px"
              >
                <a target="_blank" style="display: block" href="#">
                  <img
                    class="_j_lazyload"
                    style="height: 453px; width: 680px; background: rgb(252, 242, 220); display: block;"
                    src="http://n1-q.mafengwo.net/s13/M00/77/D6/wKgEaVxmfWWAbAsFAA29IdkrpPA20.jpeg?imageMogr2%2Fthumbnail%2F1360x%2Fstrip%2Fquality%2F90"
                    alt=""
                  />
                </a>
                <span class="pic_tag">
                  <a
                    href="#"
                    class="_j_anchor"
                    target="_blank"
                    data-cs-p="ginfo_img_poi_new"
                  >
                    <i class="house"></i>美奈
                  </a>
                </span>
              </div>
              <p class="_j_note_content _j_seqitem" data-seq="998866141">
                《寻找手艺》里的师傅讲过，制作一把乐器要掏空一棵树。<br />
                曾经的装饰用的骨头，现在替换成了塑料。
              </p>
            </div>
            <div class="block-loading loading_forward"></div>
          </div>
          <div class="vc_total _j_help_total text-left">
            本篇游记共含<span>14018</span>个文字，<span>259</span>张图片。帮助了<b
              class="_j_total_person"
              style="font-weight:inherit"
              >32439</b
            >名<b class="_j_total_mdd" style="font-weight:inherit">新疆</b
            >游客。
            <a class="r-report">举报</a>
          </div>
        </div>
      </div>
      <Side :sidewest="sidewest1"></Side>
    </div>
    <Footer></Footer>
  </div>
</template>

<script>
import Header from "@/components/index/Header.vue";
import Background from "@/components/introduction/Background.vue";
import UserCon from "@/components/introduction/UserCon.vue";
import Time from "@/components/introduction/Time.vue";
import Side from "@/components/introduction/Side.vue";
import Footer from "@/components/index/Footer.vue";
import kk1 from "../../assets/introduction-images/kk1.jpeg";
import kk2 from "../../assets/introduction-images/kk2.jpeg";
import kk3 from "../../assets/introduction-images/kk3.jpeg";
export default {
  components: {
    Header,
    Background,
    UserCon,
    Time,
    Side,
    Footer
  },
  data() {
    return {
      west1: {
        img:
          "http://n1-q.mafengwo.net/s11/M00/72/DD/wKgBEFqYzwWAHo55AAUo6Z9hDh042.jpeg?imageMogr2%2Fstrip",
        title:
          "【越南攻略】爱上潜水，爱上冲浪 记十天胡志明-美奈-芽庄-岘港自由行"
      },
      userwest1: {
        userimg:
          "http://n1-q.mafengwo.net/s13/M00/43/FD/wKgEaVxnDnqAA7pyAABAXYf-8yU58.jpeg?imageMogr2%2Fthumbnail%2F%21200x200r%2Fgravity%2FCenter%2Fcrop%2F%21200x200%2Fquality%2F90",
        dingnum: 60,
        username: "Torres",
        level: 8,
        time: "2019-02-17 16:30",
        looknum: "975/6",
        numfx: 0,
        numsc: 47
      },
      timewest1: {
        time: "2019-02-25",
        day: 11,
        role: "家庭出游",
        price: 5000
      },
      sidewest1: {
        img:
          "http://p1-q.mafengwo.net/s10/M00/FF/E0/wKgBZ1jnHBCAeMgOAA5o9Lrjij428.jpeg?imageMogr2%2Fthumbnail%2F%21200x150r%2Fstrip%2Fgravity%2FCenter%2Fcrop%2F%21200x150%2Fquality%2F90",
        address: "越南",
        picnum: 1177700,
        img2:
          "http://p1-q.mafengwo.net/s16/M00/C6/9C/CoUBUl7LuniADPSAAAPYAqkhIIQ817.png?imageMogr2%2Fthumbnail%2F%21345x213r%2Fstrip%2Fgravity%2FCenter%2Fcrop%2F%21345x213%2Fquality%2F90",
        date: "02/25",
        date2: "2019年2月25日 星级纪念",
        items: [
          {
            img: kk1,
            title: "旅行必带的好物清单丨行李箱里带上这些让你幸福感暴增"
          },
          {
            img: kk2,
            title: "越南自由行攻略：教你如何花3000块，玩转豪华出境游"
          },
          {
            img: kk3,
            title: "来越南必吃的10种热带水果，新鲜美味还便宜！"
          }
        ]
      }
    };
  }
};
</script>

<style scoped>
.va_con .pic_tag {
  width: 600px;
  padding-left: 0;
  text-align: left;
}
.pic_tag i.house {
  background-position: 0 -203px;
}
.pic_tag i {
  width: 24px;
  height: 24px;
  margin-right: 10px;
  display: inline-block;
  background: url(../../assets/introduction-images/nn_sprite_v25.png) 0 -203px no-repeat;
  vertical-align: -6px;
}
.pic_tag a:hover {
  color: #ff8a00;
  text-decoration: none;
}
.pic_tag,
.pic_tag a {
  color: #999;
  font-size: 12px;
  text-align: left;
}
.va_con a.link {
  text-decoration: none;
  color: #4d4d4d;
  border-bottom: 1px solid #948e8e;
}
.va_con a.link:hover {
  text-decoration: none;
  color: #666;
}
.add_pic,
.video_wrapper {
  position: relative;
  background-color: #fff;
  margin-bottom: 18px;
}
.va_con p {
  margin-bottom: 20px;
  text-align: justify;
  word-break: break-word;
}
.article_title h2.t9 span {
  line-height: 50px;
}
.article_title h2.t9 {
  height: 50px;
  overflow: hidden;
  color: #222;
  font-size: 24px;
  line-height: 50px;
  background: 0;
}
.article_title {
  margin: 20px 0;
  position: relative;
}
.view_con {
  width: 680px;
  float: left;
  /* margin-top: 40px;
  margin-left: 360px; */
  /* background-color: aquamarine; */
}
.view {
  width: 1000px;
  margin: 40px auto 20px;
  height: 1000px;
}
</style>
